<template>
  <div class="search-main" :class="`main-count-${count}`">
    <slot name="searchForm"></slot>
    <slot name="searchBtn"></slot>
  </div>
</template>
<script lang="ts">
export default {
  name: "search-form-main",
};
</script>
<script setup lang="ts">
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance() as any;

const props = withDefaults(
  defineProps<{
    count?: string | number;
  }>(),
  {
    count: 5,
  }
);
</script>

<style scoped>
.search-main {
  width: calc(100% - 40px);
}
</style>